.baner_container {
	width: 100%;
	height: 215px;
	background-image: url(../../img/gift/banner_bg.png);
	background-size: cover
}

.fragment_info {
	padding: 10px
}

.oils_name {
	padding: 5px;
	line-height: 40px
}

.oils_name img {
	width: 60%
}

.card_type {
	width: 95%;
	margin: 0 auto
}

.card_list {
	width: 100%
}
.card_list .card_option {
	width: 49%;
	float: left;
	padding: 8px;
	background: #2c313b;
	text-align: center;
	min-height: 200px;
	margin-bottom: 3%
}

.card_list .card_option img {
	margin-top: 5px;
}
.special_margin img{
	margin-top: 10px;
}
.card_list .card_option:nth-child(even) {
	margin-left: 2%
}

.hdLogo {
	height: 121px;
}

.hjLogo {
	height: 80px;
}

.jykLogo {
	width: 71px;
	height: 71px;
}

.card_option>.qd_img {
	width: 55%;
	margin-top: 40px
}

.card_option p {
	padding: 10px 0;
	text-align: left;
	color: #fff
}

.card_option p img {
	width: 18px;
	vertical-align: sub
}

.exchange_btn,
.card_name {
	background: #ee5420;
	color: #fff;
	border: 0;
}

.exchange_btn {
	float: right;
	padding: 2px 8px;
}

.go_buy,
.card_name {
	background: #ee5420;
	color: #fff;
	border: 0;
}

.go_buy {
	float: right;
	padding: 2px 8px;
}

.card_name {
	float: left;
	margin-right: 5px;
	padding: 1px 8px;
}

#pop_into .pop_container {
	height: 240px;
	color: #333
}

#pop_into .pop_container p {
	color: #333
}

#pop_into .gift_box {
	width: 130px;
	margin: 15px auto
}

#pop_into .pop_btn {
	width: 50%;
	margin-top: 20px
}

#pop_into_2 .pop_container {
	height: 240px;
	color: #333
}

#pop_into_2 .pop_container p {
	color: #333
}

#pop_into_2 .gift_box {
	width: 100px;
	margin: 10px auto
}

.mui-backdrop-action.mui-backdrop {
	background-color: rgba(0, 0, 0, .8)
}

#pop_into_2 .pop_btn {
	width: 60%;
	margin-top: 20px
}

#pop_promt {
	height: 443px;
	bottom: 50%;
	margin-bottom: -221px
}

.pop_contant2 {
	height: inherit;
	position: relative
}

.pop_contant2 ul {
	height: inherit;
	width: 98%;
	position: absolute;
	left: 2%;
	padding-top: 80px;
	list-style: none;
	-webkit-padding-start: 60px;
	background: url(../../img/gift/spgzBG.png);
	background-size: 100% 100%;
	background-repeat: no-repeat
}

.pop_contant2 ul li {
	width: 85%;
	margin-bottom: 15px;
	position: relative
}

.pop_contant2 ul li p,
.pop_contant2 ul li span {
	display: inline-block
}

.pop_contant2 ul li p {
	width: 90%;
	font-size: 12px;
	color: #a3c1ec;
	margin-left: 25px
}

.pop_contant2 ul li span {
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background: #ffd73a;
	color: #0c3e69;
	font-size: 12px;
	text-align: center;
	line-height: 16px;
	position: absolute;
	top: 3px
}

.pop_close {
	position: absolute;
	width: 32px;
	height: 32px;
	right: 12px;
	top: 65px;
	z-index: 1
}

.slh {
	display: inline-block;
	width: 60%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

@media only screen and (min-device-width:320px) and (max-device-width:359px) {
	#pop_promt {
		height: 503px
	}
	.pop_contant ul {
		-webkit-padding-start: 45px
	}
	.special_or_text {
		display: inline-block;
		max-width: 42px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap
	}
	.exchange_btn {
		padding: 2px 6px!important
	}
	.card_option p img {
		width: 18px;
		vertical-align: unset
	}
	.card_option .mui-clearfix {
		font-size: 12px
	}
}

@media only screen and (min-device-width:360px) and (max-device-width:410px) {
	#pop_promt {
		height: 503px
	}
}

@media only screen and (min-device-width:411px) and (max-device-width:414px) {
	.pop_close {
		right: 18px;
		top: 60px
	}
}

.mui-title {
	line-height: 43px!important
}

#pop_into3 {
	height: 378px;
	bottom: 50%;
	margin-bottom: -184px
}

.pop_contant {
	height: inherit;
	background: url(../../img/gift/pop_confirm.png);
	background-size: 100% 100%;
	background-repeat: no-repeat;
	position: relative
}

.pop_contant img {
	height: 32px;
	height: 32px;
	position: absolute;
	right: 12px;
	top: 18px
}

.fragment_box div {
	display: inline-block;
	position: relative
}

.fragment_box span {
	display: inline-block;
	max-width: 54px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	height: 24px;
	line-height: 24px;
	vertical-align: top;
}

#b_select_container {
	width: 127px;
	background-color: #22262f;
	border: 1px solid #22262f;
	border-radius: 7px
}

#b_select_container button {
	height: 46px;
	line-height: 46px;
	color: #fff;
	font-size: 16px;
	padding: 0!important;
	background-color: #22262f
}

.mui-popover .infors {
	display: inline-block;
	width: 90%;
	height: 100%;
	color: #fff;
	border-bottom: 1px solid #40485c
}

#b_select_container button+button {
	border-top: none!important
}

.redDot:before {
	content: " ";
	border: 3px solid red;
	border-radius: 3px;
	position: absolute;
	top: px;
	right: 5px;
	z-index: 1
}

#b_select_container .mui-popover-arrow:after {
	background: #22262f;
	border: 1px solid #22262f
}


/*弹窗*/

.mui-backdrop {
	background-color: rgba(0, 0, 0, 0)
}

.mui-popup-button:first-child {
	color: #333 !important;
	border-radius: 0 0 0 5px !important;
}

.mui-popup-button:last-child {
	border-radius: 0 0 5px !important;
	background: #F7561E;
	color: #FFF !important;
}

.mui-popup-inner {
	border-radius: 5px 5px 0 0 !important;
}

.mui-popup {
	border-radius: 0 !important;
}
.mui-popup-title+.mui-popup-text{
	font-size: 16px !important;
}

/*分享弹窗 */
#share_pop {
	width: 100%;
	height: 259px;
	margin-bottom: 10px;
	z-index: 10001;
}
#share_pop .pop_container {
	width: 95%;
	height: 259px;
	border-radius: 24px;
	margin: 0 auto;
	background-color: #fff;
}

.share_title {
	height: 50px;
	text-align: center;
	line-height: 50px;
	font-size: 18px;
	color: #333;
	border-bottom: 2px solid #E9E9E9;
}

.shareLogos {
	list-style: none;
	margin: 0;
	padding: 0;
	height: 147px;
}

.shareLogos li {
	float: left;
	height: inherit;
	width: 50%;
	text-align: center;
	padding-top: 21px;
}

.shareImg_comon {
	width: 58px;
	height: 58px;
}

.shareName_comon {
	color: #333;
	font-size: 14px;
	text-align: center;
}

.cancleBtn {
	width: 95%;
	height: 42px;
	border-radius: 21px;
	background-color: #F7F7F7;
	font-size: 16px;
	color: #666;
	text-align: center;
	line-height: 42px;
	margin: 0 auto;
	border: 2px solid #D8D8D8;
}
